<template>

</template>
<script>
export default {
  template: `
    <div>
      <div>computedHasSlotContent:{{ computedHasSlotContent }}</div>
      <div>methodHasSlotContent:{{ methodHasSlotContent() }}</div>
      <slot></slot>
    <div/> 
    `,
  methods: {
    methodHasSlotContent() {
      return !!this.$slots.top
    }
  },
  computed: {
    computedHasSlotContent() {
      return !!this.$slots.top
    }
  }

}
</script>